<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<!-- 页面编码 -->
	<meta charset="utf-8">
  	<!-- 手机浏览器禁止缩放, 页面大小默认为手机屏幕宽度 -->
  	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  	<!-- 允许IOS全屏显示网页 -->
  	<meta content="yes" name="apple-mobile-web-app-capable" />
  	<!-- 设置IOS状态栏为透明底色 -->
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<!-- 设置360浏览器渲染引擎为webkit -->
  	<meta name="renderer" content="webkit">
  	<!-- 设置APP标题 -->
  	<meta name="apple-mobile-web-app-title" content="青年电影志">
  	<!-- 关闭自动识别电话号码 -->
  	<meta name="format-detection" content="telephone=no">
	<!-- iPhone桌面图标 -->
	<link href="static/images/app-60@2x.png" sizes="120x120" rel="apple-touch-icon-precomposed">
  	<!-- 页面标题 -->
  	<title>青年电影志</title>
	<!-- 页面摘要描述 -->
  	<meta name="description" content="约吗">
  	<!-- 页面关键词 -->
  	<meta name="keywords" content="约大牛">

  	<!-- 基本样式载入 -->
  	<link rel="stylesheet" href="static/css/ionicons.min.css">
	<link rel="stylesheet" href="static/css/public.css">
	<!-- 基本脚本载入 -->
	<script src="static/js/plugins.min.js"></script>
</head>
<body>
	<div id="app" class="site" data-controller="homePage">
		<div class="bar bar-footer bar-primary">
			<nav class="bar-navigation">
				<a class="menu-item is-active">
					<span class="menu-icon ico-home"></span>
					<span class="menu-label">首页</span>
				</a>
				<a class="menu-item">
					<i class="menu-icon ico-discovery"></i>
					<span class="menu-label">发现</span>
				</a>
				<a class="menu-item">
					<i class="menu-icon ico-me"></i>
					<span class="menu-label">我的</span>
				</a>
			</nav>
			<!-- END .bar-navigation -->
		</div>
		<div id="content" class="site-content">
			<div class="inner">
				<section class="city-filter-block">
					<h1 class="city-title js-city-select">北京<i class="filter-icon"></i></h1>
					<div class="cities-wrap">
						<div class="city-view">
							<a href="#" class="city-inner">北京</a>
						</div>
						<div class="city-view">
							<a href="#" class="city-inner">上海</a>
						</div>
						<div class="city-view">
							<a href="#" class="city-inner">广州</a>
						</div>
						<div class="city-view">
							<a href="#" class="city-inner">深圳</a>
						</div>
						<div class="city-view">
							<a href="#" class="city-inner">其它</a>
						</div>
					</div>
					<!-- END .cities-wrap -->
				</section>
				<!-- END .city-filter-block -->
				<section id="featured_slider" class="featured-slider-container">
					<div class="full-slider swiper-wrapper">
						<div class="item-view swiper-slide" style="background-image: url(static/assets/slider-1.jpg);">
							<a href="#">
								<h3 class="item-title">清如山泉，拜亚动力 DT1350 耳机图享</h3>
							</a>
						</div>
						<!-- END .item-view -->
						<div class="item-view swiper-slide" style="background-image: url(static/assets/slider-2.jpg);">
							<a href="#">
								<h3 class="item-title">这真的是大人的玩具，乐高大号挖掘机</h3>
							</a>
						</div>
						<!-- END .item-view -->
						<div class="item-view swiper-slide" style="background-image: url(static/assets/slider-3.jpg);">
							<a href="#">
								<h3 class="item-title">掌间的片刻，手机掠过的光影</h3>
							</a>
						</div>
						<!-- END .item-view -->
						<div class="item-view swiper-slide" style="background-image: url(static/assets/slider-4.jpg);">
							<a href="#">
								<h3 class="item-title">每日早点 | 联想推出 Miix 700 平板，欲战 Surface</h3>
							</a>
						</div>
						<!-- END .item-view -->
					</div>
					<!-- END .full-slider -->
					<div class="featured-pagination"></div>
				</section>
				<!-- END .featured-slider -->
				<section class="l-block l-block-top-alter">
					<div class="icons-grid">
						<a href="archive-pk.html" class="icon-view js-touch">
							<i class="board-icon i-business"></i>
							<span class="icon-label">商业合作</span>
						</a>
						<!-- END .view -->
						<a href="archive-story.html" class="icon-view js-touch">
							<i class="board-icon i-learn"></i>
							<span class="icon-label">学习交流</span>
						</a>
						<!-- END .view -->
						<a href="archive-want.html" class="icon-view js-touch">
							<i class="board-icon i-column"></i>
							<span class="icon-label">专题活动</span>
						</a>
						<!-- END .view -->
						<a href="archive-vote.html" class="icon-view js-touch">
							<i class="board-icon i-more"></i>
							<span class="icon-label">更多主题</span>
						</a>
						<!-- END .view -->
					</div>
					<!-- END .icons-grid -->
				</section>
				<!-- END .l-block -->
				<section class="ember-list">
					<article class="ember-view js-touch">
						<header class="entry-header" style="background-image: url(static/assets/fund-thumb-1.png);">
						</header>
						<!-- END .entry-header -->
						<div class="entry-content">
							<h3 class="entry-title">教你做好一个产品人</h3>
							<div class="entry-meta">
								<span class="entry-pos">一起电影高级产品经理</span>
								<span class="entry-name">张素博</span>
							</div>
							<!-- END .entry-meta -->
							<div class="entry-excerpt">
								产品经理负责调查并根据用户的需求，确定开发何种产品，选择何种技术、商业模式等。并推动相应产品的开发组织，他还要根据产品的生命周期。
							</div>
							<!-- END .entry-excerpt -->
						</div>
						<a href="#" class="overlay-link"></a>
					</article>
					<!-- END .ember-view -->
					<article class="ad-view">
						<img src="static/assets/block-banner.jpg" alt="">
						<h3 class="ad-title">每个人都在时刻准备着，而你喃？</h3>
						<a href="#" class="overlay-link"></a>
					</article>
					<!-- END .ad-view -->
					<article class="ember-view js-touch">
						<header class="entry-header" style="background-image: url(static/assets/fund-thumb-2.jpg);">
						</header>
						<!-- END .entry-header -->
						<div class="entry-content">
							<h3 class="entry-title">怎样成为会设计的技术人</h3>
							<div class="entry-meta">
								<span class="entry-pos"> 一起电影技术总监</span>
								<span class="entry-name">刘欣宇</span>
							</div>
							<!-- END .entry-meta -->
							<div class="entry-excerpt">
								技术总监一般负责一个企业的技术管理体系的建设和维护，制定技术业具有深入理解，对行业技术发展趋势和管理现状具有准确的判断。
							</div>
							<!-- END .entry-excerpt -->
						</div>
						<a href="#" class="overlay-link"></a>
					</article>
					<!-- END .ember-view -->
					<article class="ember-view js-touch">
						<header class="entry-header" style="background-image: url(static/assets/fund-thumb-3.jpg);">
						</header>
						<!-- END .entry-header -->
						<div class="entry-content">
							<h3 class="entry-title">怎样成为会设计的技术人</h3>
							<div class="entry-meta">
								<span class="entry-pos"> 一起电影技术总监</span>
								<span class="entry-name">大番茄</span>
							</div>
							<!-- END .entry-meta -->
							<div class="entry-excerpt">
								技术总监一般负责一个企业的技术管理体系的建设和维护，制定技术业具有深入理解，对行业技术发展趋势和管理现状具有准确的判断。
							</div>
							<!-- END .entry-excerpt -->
						</div>
						<a href="#" class="overlay-link"></a>
					</article>
					<!-- END .ember-view -->
				</section>
				<a href="#" class="go-more js-touch">没有更多了，去发现页面查看更多的青年电影志</a>
			</div>
			<!-- END .inner -->
		</div>
		<!-- END #content -->
	</div>
	<!-- END #page -->
	<!-- 页面脚本载入 -->
	<script src="static/js/app.js"></script>
</body>
</html>